<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>田字格字帖生成器</title>
    <style>
        body,div,p,ul,li{ padding:0; margin:0; list-style:none;}
        div{ width:938px; margin:0 auto;padding-left:2px; }
        li{display: inline-block; width:80px; height:80px; font-family:"楷体","楷体_gb2312", "Kaiti SC", STKaiti, "AR PL UKai CN", "AR PL UKai HK", "AR PL UKai TW", "AR PL UKai TW MBE", "AR PL KaitiM GB", KaiTi, KaiTi_GB2312, DFKai-SB, "TW\-Kai"; font-size:58px; text-align:center; line-height:85px; background:url(../bs/img/<?=$bglx;?>.svg); margin:5px 0px 5px -2px; color:#b8b8b8; }
        li.f{color:#000;margin-left:-0px}
        li.svg{line-height:84px;}
        li svg{ magin:8px; vertical-align:middle;}
        .page-head{height: 70px;line-height: 70px; font-size: 32px;text-align: center;display: none;color: #666666}
        .page-foot{ display: none;height: 170px;overflow-y: hidden;text-align: right}
        .page-foot img{ width: 150px}
        #btns input{width: 120px;border-radius: 30px}
        @media print{.page-head,.page-foot{display: block;}#btns{display: none}}
        @page {size: auto;margin: 5mm 16mm 5mm 16mm;}
    </style>
</head>
<body>
<div>
    <?php
    echo $content;
    ?>

</div>

<div style="position: fixed;bottom: 100px;width:100%;text-align: center" id="btns">
    返回
    <input type="image" onclick="history.back()" src="../bs/img/back.jpg"></input>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <input type="image" onclick="window.print()" src="../bs/img/print.jpg"></input>
    打印


</div>
</body>
</html>